<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--action：设置提交地址-->
<form action="http://www.tmooc.cn">
    <!--placeholder:占位文本，用于提示输入内容-->
    <!--maxlength:最大输入字符长度-->
    <!--value：设置初始值-->
    <!--readonly 只读-->
    <!--name：对参数的介绍，必须要写-->
    用户名:<input type="text" maxlength="5" value="abc" readonly name="username" placeholder="请输入用户名"><br>
    密码:<input type="password" name="password" placeholder="请输入密码"><br>
    <!--radio 单选
    单选框的value属性必须写，否则提交的是on
    checked设置默认选中
    -->
    性别:<input type="radio" name="gender" value="m" id="r1">
    <!--label标签扩充点击范围-->
    <label for="r1">男</label>
    <input type="radio" name="gender" value="w" id="r2">
    <label for="r2">女</label>
    <!--多选框和单选框的属性通用-->
    兴趣爱好:<input type="checkbox" name="hobby" value="cy" id="c1">
    <label for="c1">抽烟</label>
    <input type="checkbox" name="hobby" value="hj" id="c2">
    <label for="c2">喝酒</label>
    <input type="checkbox" name="hobby" checked value="tt" id="c3">
    <label for="c3">烫头</label><br>

    生日:<input type="date" name="birthday"><br>
    靓照:<input type="file" name="pic"><br>
    <!--下拉选(select)
        默认选中：selected
    -->
    城市:
    <select name="city">
        <option value="bj">北京</option>
        <option value="sh">上海</option>
        <option value="gz">广州</option>
    </select>
    <!--提交按钮-->
    <input type="submit" value="注册">
    <!--重置按钮-->
    <input type="reset">
    <!--自定义按钮-->
    <input type="button" value="自定义">
</form>
</body>
</html>